<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
</head>
<body>
<h1>登录界面</h1>
<form>
    姓名：<input type="text" name="uname"><br>
    密码：<input type="text" name="pass"><br>
    <input type="button" value="登录" onclick="login()">
</form>
<script>
    function login(){
        var ff=document.forms[0];
        var uname=ff.uname.value;
        var pass=ff.pass.value;
        var users=localStorage.getItem('users');
        if(!users){
            alert("请先注册！");
            return;
        }

        users=JSON.parse(users);//得到的是数组形式
        if(!Array.isArray(users)){//判断users是不是数组，如果不是数组，就要清除掉
            localStorage.clear();
            alert("登录失败，请重新注册！");
            return;
        }
        var has=users.some(function(item){
            return item.name==uname&&item.pass==pass;
        })
        if(has){
            alert("登录成功！");
        }else{
            alert("登录失败！");
        }
    }
</script>
</body>
</html>